<template>
    <div class="header">
        <div  class="box">
        <el-row>
            <el-col :span="6" style="text-align:left;">消息</el-col>
            <el-col :span="18" style="text-align:right;">
               <span>请先登录</span>  |  
               <span>免费注册</span>  |  
               <span><router-link to="/center/order">我的订单</router-link></span>  |  
               <span>会员中心</span>  |  
               <span>帮助中心</span>  |  
               <span>在线客服</span>  |  
               <span>手机版</span> |
               <span @click="logout">退出</span>
            </el-col>
        </el-row>
    </div>
    </div>
</template>


<script>
export default {
    methods:{
        logout(){
            localStorage.clear();
            this.$message('退出成功')
        }
    }
}
</script>

<style scoped>

.box {
    width: 1100px;
    margin: auto;
}



.header{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color:rgb(62, 61, 61);
}

.header span{
    padding:0 5px;
}

</style>